<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>车辆介绍</title>
		<link rel="stylesheet" type="text/css" href="css/Introduction of car.css"/>
	</head>
	<body>
		<div id="container">
			
		
		<div class="info">
			<img class="car" src="img/5865_1453779098.png"/>
			<img class="bg" src="img/page3_bg.jpg"/>
			<img class="start" src="img/page3_btn_start.png"/>
			<img class="circular_solid" src="img/page3_choosed_bg.png"/>
			<div class="engine_list one">
				<img class="spot_solid_one spot" src="img/371_1453779101.png"/>
				<!--<img class="spot_dotted_one" src="img/1536_1453779105.png"/>-->
				<img class="circular_solid_one hehe" src="img/page3_choosed_bg.png"/>
				<img class="circular_dotted_one" src="img/4575_1453779105.png"/>
				<img class="engine" src="img/2214_1453779105.png"/>
				<img class="engine_big big" src="img/7705_1453779100.png"/>
				<img class="line_one line" src="img/2115_1453779103.png"/>
			</div>
			<div class="car_one_list one">
				<img class="spot_solid_two spot" src="img/371_1453779101.png"/>
				<!--<img class="spot_dotted_two" src="img/1536_1453779105.png"/>-->
				<img class="circular_solid_two hehe" src="img/page3_choosed_bg.png"/>
				<img class="circular_dotted_two" src="img/4575_1453779105.png"/>
				<img class="car_one" src="img/4505_1453779105.png"/>
				<img class="car_one_big big" src="img/6240_1453779101.png"/>
				<img class="line_two line" src="img/3046_1453779101.png"/>
			</div>
			<div class="handle_list one">
				<img class="spot_solid_three spot" src="img/371_1453779101.png"/>
				<!--<img class="spot_dotted_three" src="img/1536_1453779105.png"/>-->
				<img class="circular_solid_three hehe" src="img/page3_choosed_bg.png"/>
				<img class="circular_dotted_three" src="img/4575_1453779105.png"/>
				<img class="handle" src="img/4536_1453779106.png"/>
				<img class="handle_big big" src="img/2488_1453779103.png"/>	
				<img class="line_three line" src="img/5844_1453779104.png"/>
			</div>
			<div class="car_two_list one">
				<img class="spot_solid_fou spot" src="img/371_1453779101.png"/>
				<!--<img class="spot_dotted_fou" src="img/1536_1453779105.png"/>-->
				<img class="circular_solid_fou hehe" src="img/page3_choosed_bg.png"/>
				<img class="circular_dotted_fou" src="img/4575_1453779105.png"/>
				<img class="car_two" src="img/4169_1453779106.png"/>
				<img class="car_two_big big" src="img/912_1453779104.png"/>
				<img class="line_fou line" src="img/6253_1453779102.png"/>
			</div>
			
		</div>
		</div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript" src="js/Equipment type judgment.js"></script>
	<script type="text/javascript">
		$(".one").on("click",function(){
			for (var i = 0;i < 4;i++) {
				$(".spot").eq(i).hide();
				$(".hehe").eq(i).hide();
				$(".big").eq(i).hide();
				$(".line").eq(i).hide();
			}
			var index = $(".one").index(this);
			$(".spot").eq(index).show();
			$(".hehe").eq(index).show();
			$(".big").eq(index).show();
			$(".line").eq(index).show();
			
		})
		$(".start").on("click",function(){
			window.location.href = ""; 
		})
	</script>
</html>
